import React from "react";
import routeWithUserSession from "@/components/ApplicationArea/routeWithUserSession";
import EmployeeToolbar from "@/components/employee/EmployeeToolbar";
import routes from "@/services/routes";

class EmployeeNew extends React.Component {

  componentWillMount() {
  }

  render() {
    return (
      <div className="settings-screen">
        <div className="container">
          <div  style={{width:"400px",height:"40px"}}>
            <div style={{width:"20px",height:"38px", float: "left"}}>
            </div>
              <div style={{width:"50px",height:"38px", float: "left"}}>
              <img src="/static/images/employee.png" alt="HR" loading="lazy"/>
            </div>
              <div style={{width:"320px",height:"30px",float:"left"}}>
              <h3 style={{margin:"7px",padding:"0"}}>{ this.props.openseapool ===0 ? "人员信息":"公海池人员信息"}</h3>
            </div>
          </div>
            <div className="p-15">
              <EmployeeToolbar  id={this.props.id} openseapool ={this.props.openseapool} ifproject={this.props.ifproject}/>
            </div>
        </div>
      </div>
    );
  }
}

routes.register(
  "Employee.New",
  routeWithUserSession({
    path: "/employee/new/:id",
    title: "人员信息",
    render: pageProps => <EmployeeNew {...pageProps} openseapool={0} ifproject={0}/>,
  })
);
routes.register(
  "Employee2.New",
  routeWithUserSession({
    path: "/employeeproject/new/:id",
    title: "人员信息",
    render: pageProps => <EmployeeNew {...pageProps} openseapool={0}  ifproject={1}/>,
  })
);
routes.register(
  "Employee3.New",
  routeWithUserSession({
    path: "/employee/openseapool/new/:id",
    title: "公海池人员信息",
    render: pageProps => <EmployeeNew {...pageProps} openseapool={1}  ifproject={0}/>,
  })
);